<template>
  <div>
    <nav-header></nav-header>
    <bread>
      <span slot="t1">OrderSucess</span>
    </bread>
    <div class="container">
      <div class="page-title-normal">
        <h2 class="page-title-h2"><span>check out</span></h2>
      </div>
      <!-- 进度条 -->
      <div class="check-step">
        <ul>
          <li class="cur"><span>Confirm</span> address</li>
          <li class="cur"><span>View your</span> order</li>
          <li class="cur"><span>Make</span> payment</li>
          <li class="cur"><span>Order</span> confirmation</li>
        </ul>
      </div>

      <div class="order-create">
        <div class="order-create-pic"><img src="/static/ok-2.png" alt=""></div>
        <div class="order-create-main">
          <h3>Congratulations! <br>Your order is under processing!</h3>
          <p>
            <span>Order ID：100000001</span>
            <span>Order total：1000</span>
          </p>
          <div class="order-create-btn-wrap">
            <div class="btn-l-wrap">
              <a href="javascript:;" class="btn btn--m">Cart List</a>
            </div>
            <div class="btn-r-wrap">
              <a href="javascript:;" class="btn btn--m">Goods List</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <nav-footer></nav-footer>
  </div>
</template>
<script>
    import './../assets/css/base.css'
    import './../assets/css/checkout.css'

    import NavHeader from './../components/Header'
    import NavFooter from './../components/Footer'
    import Bread from './../components/Bread'
    import Modal from './../components/Modal'
    import axios from 'axios'
    export default {
        data() {
            orderId:''
        },
      components: {
        NavHeader,
        NavFooter,
        Bread,
        Modal
      },
      mounted(){
        axios.get("/ytmall/goods/orderDetail",{
          id:this.$router.param.or
        }).then((response)=>{
           let res=response.data;
           if(res.status=='0'){
             this.orderTotal=res.result.orderTotal;
           }
        })
      },
      methods:{

      }
    }
</script>
